<template>
  <div class="income-submit-confirm">
    <p class="title">本月支出</p>
		<ul class="submit-table" v-if="monthOutlay">
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">加油加气</span>
          <span class="submit-table-right">{{monthOutlay.jyjq}}</span>
        </div>
      </li>
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">维修保养</span>
          <span class="submit-table-right">{{monthOutlay.wxby}}</span>
        </div>
      </li>
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">费用报销</span>
          <span class="submit-table-right">{{monthOutlay.fybx}}</span>
        </div>
      </li>
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">车辆保险</span>
          <span class="submit-table-right">{{monthOutlay.clbx}}</span>
        </div>
      </li>
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">车辆检车</span>
          <span class="submit-table-right">{{monthOutlay.cljc}}</span>
        </div>
      </li>
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">员工工资</span>
          <span class="submit-table-right">{{monthOutlay.yggz}}</span>
        </div>
      </li>
      <li class="submit-table-item">
        <div class="submit-table-cont">
          <span class="submit-table-left">教练工资</span>
          <span class="submit-table-right">{{monthOutlay.jlgz}}</span>
        </div>
      </li>
		</ul>
    <el-col :span="24" style="margin-top:14px" class="btn-group">
			<el-button type="danger" round class="add-btn" @click="closeLayer">确 定</el-button>
		</el-col>
  </div>
</template>

<script>
export default {
  name: "pop1",
  props: ["monthOutlay"],
  methods: {
    closeLayer() {
      layer.closeAll();
    }
  }
};
</script>

<style scoped>
.add-btn {
  height: 40px;
  padding: 0 33px;
  float: right;
  background: url("/static/img/nav-bg.png");
  background-size: 100% 100%;
  border: 0;
}

.select-btn {
  height: 40px;
  padding: 0 33px;
  margin-right: 20px;
  float: right;
  background: url("/static/img/hui-btnBG.png");
  background-size: 100% 100%;
  border: 0;
  color: #000;
}

.totalNum {
  color: #ff3333;
}

.title {
  width: 100%;
  float: left;
  padding: 30px 0;
  color: #575757;
  font-size: 22px;
}

.submit-table {
  width: 100%;
  float: left;
  border: 1px solid #d9d9d9;
  background: #f1f1f1;
  border-radius: 3px;
}

.submit-table-item {
  width: 50%;
  float: left;
  padding: 18px 0;
  border-bottom: 1px solid #d9d9d9;
}

.submit-table-item:last-child {
  border: 0;
}

.submit-table-cont {
  width: 100%;
  float: left;
}

.submit-table-left {
  width: 20%;
  float: left;
  text-align: right;
  padding-right: 5%;
  color: #9d9d9d;
}

.submit-table-right {
  width: 75%;
  float: left;
  color: #575757;
}

</style>


